<!DOCTYPE html>
<html lang="en" ng-app="app">

<head>
    <meta charset="UTF-8">
    <title>人员分类</title>
    <link rel="stylesheet" href="../../../node_modules/bootstrap/dist/css/bootstrap.min.css">
    <!-- <link rel="stylesheet" href="personclassify.css"> -->
    <script src="../../js/angular.min.js"></script>
    <script type="text/javascript">
		var app = angular.module('app', []);
		app.controller('personclassifyCtrl',['$scope',function($scope){
				$scope.personinfo=[{
					percode:'00700700',
					pername:'李易峰',
					pernum:'320982111122223333',
					perwork:'模板工',
					intime:'2017-06-20',
					outime:'2017-06-21'
				}]
			}
		]);
	</script>
</head>

<body ng-controller="personclassifyCtrl">
    <div class="content">
        <div class="left-list">
            <ul class="buildteam">
                <li class="first-li">
                    <span class="glyphicon glyphicon-user" aria-hidden="true"></span>施工队
                    <ul class="buildteam-list">
                    	<li class="active" style="margin-top:5px;">路基一队</li>
		                <li>路基二队</li>
		                <li>路基三队</li>
		                <li>软基一队</li>
		                <li>桥梁一队</li>
		                <li>桥梁二队</li>
		                <li>小构队</li>
		                <li>板梁场</li>
                        <li>板梁场</li>
                        <li>板梁场</li>
                    </ul>
                </li>
                <li class="other">
                    <ul class="other-ul">
                        <li class="first-li">
                            <span class="glyphicon glyphicon-th-list" aria-hidden="true"></span>其他
                        </li>
                        <li class="second-li" style="margin-top:5px;">特种作业人员</li>
                        <li>项目部人员</li>
                        <li>三类人员</li>
                        <li>专职安全员</li>
                    </ul>
                </li>
            </ul>
        </div>
        <div class="right-table">
            <div class="export">
                <span class="glyphicon glyphicon-open" aria-hidden="true"></span>导出
            </div>
            <table class="content-table" border="0" width="80%">
                <thead>
                    <tr>
                        <th>人员编码</th>
                        <th>姓名</th>
                        <th>身份证号</th>
                        <th>岗位</th>
                        <th>进场时间</th>
                        <th>出场时间</th>
                        <th>操作</th>
                    </tr>
                </thead>
                <tbody>
                    <tr ng-repeat="v in personinfo">
                        <td>{{v.percode}}</td>
                        <td>{{v.pername}}</td>
                        <td>{{v.pernum}}</td>
                        <td>{{v.perwork}}</td>
                        <td>{{v.intime}}</td>
                        <td>{{v.outime}}</td>
                        <td>
                            <button class="button btn-details">
                                <span class="glyphicon glyphicon-list-alt" aria-hidden="true"></span>详情
                            </button>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2">
                            <label class="total">共计<span class="number">100</span>条</label>
                        </td>
                        <td colspan="5">
                            <nav aria-label="Page navigation">
                                <ul class="pagination">
                                    <li>
                                        <a href="#" aria-label="Previous">
                                            <span aria-hidden="true">上一页</span>
                                        </a>
                                    </li>
                                    <li><a href="#">1</a></li>
                                    <li><a href="#">2</a></li>
                                    <li><a href="#">3</a></li>
                                    <li><a href="#">4</a></li>
                                    <li><a href="#">5</a></li>
                                    <li>
                                        <a href="#" aria-label="Next">
                                            <span aria-hidden="true">下一页</span>
                                        </a>
                                    </li>
                                </ul>
                            </nav>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</body>

</html>
